           html{
           	font-size: 62.5%;
           }
            body{
            	max-width: 640px;
                background-color: rgb(243, 245, 247);
                margin:0 auto;
                /*min-height: 100%;*/
                position: relative;
            }
            .m-foo{
            	width: 640px;
            	height: 9.5rem;
            	background-color: #fff;
            	position: fixed;
            	bottom: 0;
            }
            .m-ful{
            	list-style: none;
            	margin: 0;
            	padding: 0;
            	float: left;
            	width: 20%;
            	padding-top: .2rem;
            }
            .m-ful li{
            	text-align: center;
            	color: #999;
            	font-size: 2.2rem;
            }
            .u-fimg{
            	
            	width: 4rem;
            	padding-top: .5rem;
            	
            }
           
            .g-hd{
               background-color:#21b1fa;
                width:100%;
                height:8.8rem;
               display: flex;
               justify-content: space-between;
               font-size: 3.0rem;
            }
            .u-back{
                float: left;
                width: 8.8rem;
                height: 8.8rem;
            }
            .u-wd{
                display: inline-block;
                padding-top: 2.5rem;
                color: #fff;
                font-size: 3rem;
                margin: 0 auto;
            }
            .u-sear{
                height: 8.8rem;
              
            }
            .u-dian{
                height: 8.8rem;
                width: 8.8rem;
            }
            .g-sec{
                height: 17rem;
                width: 100%;
                background-color: #fff;
                margin-top: 1rem;
                position: relative;
                
            }
            .u-tou{
                width: 9.5rem;
                height: 9.5rem;
                border-radius: 50%;
                margin:4rem 0 0 4rem;
            }
            .u-name{
            	position: absolute;
            	top: 5rem;
            	left: 16rem;
            	color: #333;
            	font-size: 3.0rem;
            }
            .u-sex{
            	position: absolute;
            	top: 5.5rem;
            	left: 30rem;
            	width: 3.5rem;
            	height: 3.5rem;
            }
            .m-rz{
            	display: inline-block;
                position: absolute;
            	top: 10rem;
            	left: 16rem;
            	
            }
            .u-addr{
            	position: absolute;
            	top: 11rem;
            	left: 33rem;
            	font-size: 2.2rem;
            	color: #999;
            }
            .m-li{
            	height: 17.6rem;
            	background-color: #fff;
            	margin-top:2rem;
            	color: #333;
            	
            }
             .m-li2{
            	height: 8.8rem;
            	background-color: #fff;
            	margin-top:2rem;
            	color: #333;
            }
             .m-li3{
            	height: 26.5rem;
            	background-color: #fff;
            	margin-top:2rem;
            	color: #333;
            }
            .m-rep{
            	height:7.7rem ;
            	border-bottom: 1px solid #E0E0E0;
            	padding-bottom: 1rem;
            	position: relative;
            }
            .u-ico{
            	position: absolute;
            	top: 2rem;
            	left: 2rem;
            	width: 3.5rem;
            	height: 3.5rem;
            }
            .u-txt{
            	position: absolute;
            	top: 2rem;
            	left: 7rem;
            	font-size: 3.0rem;
            }
            .u-rit{
            	display: inline-block;
            	float: right;
            	font-size: 3.0rem;
            	line-height: 1rem;
            	margin-right: 2rem;
            }
            .f-c{
            	clear: both;
            }
                        /*下拉*/
        .m-xl{
	   	float: right;
	   	z-index: 9999;
	   	display: none;
	   	position:absolute;
        right: 0;
        top: 8.8rem;
	   }
		.m-xl ul{
			margin: 0;
			padding: 0;
			width: 16rem;
			height: 5.5rem;
			background-color: #fff;
			border-bottom: 1px solid #E0E0E0;
			
		}
		.u-imgxl{
			display: inline-block;
			float: left;
			padding: 0 1rem 0 1rem;
			
		}
		.u-imgxl img{
			width: 4rem;
			height: 5rem;
		}
		.u-msgxl{
			display: inline-block;
			line-height: 5.5rem;
			font-size: 2.2rem;
			color: #999;
		}
		.u-hmxl{
			display: inline-block;
			line-height: 5rem;
			font-size: 2.2rem;
			color: #999;
		}
		.u-msgxl:after{
			display: block;
			content: "";
			content: url(../image/after.png);
			width: 1rem;
			float: right;
		}
		button:active{
          	opacity: 0.8;
          }
           
            
